#slideshow{
    background-color:transparent;
    border:none;

    height:380px;
    margin:0px auto 0;
    position:relative;
    width:490px;

}
#slideshow img{
    margin: 0 auto;
    -moz-box-shadow:0 0 22px #111;
    -webkit-box-shadow:0 0 22px #111;
    box-shadow:0 0 22px #111;
}

#slideshow ul{
    height:320px;
    left:10px;
    list-style:none outside none;
    overflow:hidden;
    position:absolute;
    top:10px;
    height:380px;
    width:470px;
}

#slideshow li{
    position:absolute;
    width: 470px;
    height:380px;
    margin:0px auto 0;
    display:none;
    z-index:10;
}

#slideshow li:first-child{
    display:block;
    z-index:1000;
    width: 470px;
    margin:0px auto 0;
}

#slideshow .slideActive{
    width: 470px;
    margin:0px auto 0;
    z-index:1000;
}

#slideshow canvas{
    text-align:center;
    display:none;
    position:absolute;
    z-index:100;
    margin:0px auto 0;
}

#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    
    top:50%;
    margin-top:-43px;
    cursor:pointer;
    z-index:5000;
}

#slideshow .previous{ background:url('img/arrows1.png') no-repeat; background-position:left;left:-30px;}
#slideshow .previous:hover{ background:url('img/arrows1.png') no-repeat; background-position:left;}

#slideshow .next{ background:url('img/arrows.png') no-repeat; background-position:right;right:-30px;}
#slideshow .next:hover{ background:url('img/arrows.png') no-repeat; background-position:right;}

/*
*{
    margin:0;
    padding:0;
}

#slideshow{
    background-color:#130200;
    border:1px solid #130200;
    height:340px;
    margin:0px auto 0;
    position:relative;
    width:500px;
   
    
}

#slideshow img{
    -moz-box-shadow:0 0 12px #000;
    -webkit-box-shadow:0 0 12px #000;
    box-shadow:0 0 12px #000;
}

#slideshow ul{
        height:328px;
        width:528px;
        list-style:none outside none;
        overflow:hidden;
        position:absolute;
        top:32px;
        left: 50%;
        margin-left: -252px;
        left:42px;
}

#slideshow li{
    position:absolute;
    margin: 0 auto;
    display:none;
    z-index:10;
}

#slideshow li:first-child{
    display:block;
    z-index:1000;
}

#slideshow .slideActive{
    z-index:1000;
}

#slideshow canvas{
    margin: 0 auto;
    display:none;
    position:absolute;
    z-index:100;
}

#slideshow .arrow{
        height:86px;
        width:60px;
        position:absolute;
        background:url('img/arrows1.png') no-repeat;
        top:196px;
        margin-top:-43px;
        cursor:pointer;
        z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}


 The following styles are only used for the styling of the demo page 

p.tzine{
    text-align:center;
    font-size:12px;
    margin:50px;
}

p.credit{
    text-align:center;
    color:#888;
    font-size:10px;
}

p.credit a,
p.credit a:visited{
    color:#ccc;
    border-bottom-color:#aaa;
}

p.credit a:hover{
    border-bottom-color:transparent;
}



.clear{
    clear:both;
}*/
